<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>首页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="../../layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../portal/style/admin.css" media="all">
    <link id="layuicss-layer" rel="stylesheet" href="../../layui/css/modules/layer/default/layer.css?v=3.1.1" media="all">

    <script src="../../jquery_v1.11.3/jquery.min.js"></script>
    <script src="../../layui/layui.js"></script>
    <script src="../../echarts/echarts.min.js"></script>
    <script src="../base/common.js"></script>
    <script src="home.js"></script>

    <style>
        .my-radio .layui-icon {
            position: initial !important;
        }

    </style>
</head>
<body layadmin-themealias="default">

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-carousel layadmin-carousel layadmin-backlog" lay-anim=""
                         lay-indicator="inside" lay-arrow="none" style="width: 100%;">
                        <div carousel-item="">
                            <ul align="center" class="layui-row layui-col-space10 layui-this">
                                <li class="layui-col-xs3">
                                    <div class="layadmin-backlog-body">
                                        <h3>累计个人客户</h3>
                                        <p><cite id="personal">0</cite></p>
                                        <h3 id="personalAdd">今日新增0</h3>
                                    </div>
                                </li>
                                <li class="layui-col-xs3">
                                    <div class="layadmin-backlog-body">
                                        <h3>累计对公客户</h3>
                                        <p><cite id="public">0</cite></p>
                                        <h3 id="publicAdd">今日新增0</h3>
                                    </div>
                                </li>
                                <li class="layui-col-xs3">
                                    <div class="layadmin-backlog-body">
                                        <h3>累计用户</h3>
                                        <p><cite id="pre">0</cite></p>
                                        <h3 id="preAdd">今日新增0</h3>
                                    </div>
                                </li>
                                <li class="layui-col-xs3">
                                    <div class="layadmin-backlog-body">
                                        <h3>用户转化率</h3>
                                        <p><cite id="system">0%</cite></p>
                                        <h3> </br> </h3>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header" style="height: 50px;">
                            <form class="layui-form" action="">
                                <div class="layui-tab layui-tab-brief layui-inline" lay-filter="customerStatsTab">
                                    <ul class="layui-tab-title">
                                        <li class="layui-this" style="margin: 0 0px" lay-id="month">Month</li>
                                        <li style="margin: 0 0" lay-id="week">Week</li>
                                    </ul>
                                    <div class="layui-tab-content" style="display: none">
                                        <div class="layui-tab-item"></div>
                                        <div class="layui-tab-item"></div>
                                    </div>
                                </div>
                                <div style="float: right;">
                                    <div class="layui-inline" style="vertical-align:bottom !important;">
                                        <label class="layui-form-label" >统计时间</label>
                                    </div>
                                    <div class="layui-inline" style="vertical-align:bottom !important;">
                                        <input name="customerStateDateStart" type="text" class="layui-input"
                                               id="dateStart">
                                    </div>
                                    <div class="layui-inline" style="vertical-align:bottom !important;">
                                        <label class="layui-form-label">到</label>
                                    </div>
                                    <div class="layui-inline" style="vertical-align:bottom !important;">
                                        <input name="customerStateDateEnd" type="text" class="layui-input" id="dateEnd">
                                    </div>
                                    <div class="layui-inline" style="display: none">
                                        <input name="refreshType" value="customerStatsLine" type="text"
                                               class="layui-input">
                                    </div>
                                    <div class="layui-inline">
                                        <button class="layui-btn" lay-submit lay-filter="formStats"
                                                style="vertical-align:bottom !important;">查询
                                        </button>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="layui-card-body">
                            <div id="customerCountLine" style="height: 590px;width: 100%"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

<!--        <div class="layui-col-md4">-->
<!--            <div class="layui-card">-->
<!--                <div class="layui-card-header" style="vertical-align:bottom !important;">-->
<!--                    当日客户信息变更量-->
<!--                   &lt;!&ndash; <a lay-href="/customer/customerModify/customerModify.html" lay-text="客户信息变更" style="cursor: pointer;font-size: 15px;color: green;">详情</a>&ndash;&gt;-->

<!--                    <div class="layui-inline" style="vertical-align:bottom !important;">-->
<!--                        <label class="layui-form-label">时间</label>-->
<!--                    </div>-->
<!--                    <div class="layui-inline" style="vertical-align:bottom !important;">-->
<!--                        <input name="modifyStateDate" type="text" class="layui-input" id="modifyStateDate">-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="layui-card-body">-->
<!--                    <div id="customerModifyBar"  style="height: 260px;width: 100%"></div>-->
<!--                </div>-->
<!--            </div>-->

<!--            <div class="layui-card">-->
<!--                <div class="layui-card-header">-->
<!--                    当日异常监测-->
<!--                    &lt;!&ndash;<a style="cursor: pointer;font-size: 15px;color: green;">详情</a>&ndash;&gt;-->
<!--                </div>-->
<!--                <div class="layui-card-body">-->
<!--                    <div id="exceptionPie" style="height: 260px;width: 100%"></div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->

    </div>
</div>

</body>
</html>